﻿@{
    Layout = "~/Views/Shared/_LayoutSecure.cshtml";
}
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    
    @Scripts.Render("~/bundles/jquery")
</head>
<body>
    <div id="LogoDiv" style="position : relative; top:10px;width:615px;height:54px;color: rgb(90, 138, 198);font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;text-decoration: none !important;"><a href="http://wespot-project.eu" target="_blank"><img src="~/images/layout_set_logo.gif" /></a> MICI  “Mobile Inquiry Coordination Interface”</div>

    <div id="DivWelcome" class="DivWelcomeClass">
         @{
             
             <div id="InquiryHelp" class="headerHelp"></div>
             string placeholder_2 = GlobalizationLibrary.Retriever.GetText("placeholder_2", HttpContext.Current.Session["Lang"].ToString());  
             <div id="placeholder_2">@placeholder_2 @HttpContext.Current.Session["UserName"]</div>
          }
        <!--
       Html.ActionLink("LogOff", "LogOff", "Account")
       <a href="https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout?continue=http://ibl.exactls.com" target="_top">Sign out Google</a>
       <a href="https://www.facebook.com/logout.php" target="_top">Sign out Facebook</a>
        -->
    </div>
    @{
        WeSpot.Models.elgg elggModel = (WeSpot.Models.elgg)Model;
        string descriptionScript = "<script type='text/javascript'>var inquiryIdToDescription = new Array(); function createarray(){";
     }
    <div id="DivListboxInquiryId" style="position : relative; top:15px; left:50%;z-index:999;width:350px;color: rgb(90, 138, 198);font-family: Helvetica, Arial, sans-serif;font-size: 16px;font-weight: bold;text-decoration: none !important;">
    
    @{
             
        string placeholder_3 = GlobalizationLibrary.Retriever.GetText("placeholder_3", HttpContext.Current.Session["Lang"].ToString());  
        <div id="placeholder_3">@placeholder_3</div>
     }  
        
     <select data-role="none" class="listboxInquiryId_Class" name="listboxInquiryId" id="listboxInquiryId" onchange="callInquiryId(document.getElementById('listboxInquiryId').value,'Secure/GetInquiryId');">
        <option value="...">
                ...
            </option> 
         @if(elggModel.result != null)
         {
            foreach (var item in elggModel.result.array_item)
            {
                <option value="@item.inquiryId.Value">
                    @item.title.Value
                </option> 
                descriptionScript += "inquiryIdToDescription[" + @item.inquiryId.Value + "] = '" + (@item.description.Value == null ? "" : @item.description.Value.Replace("'", "&#44;")) + "';";
            } 
         }
        @{                
            descriptionScript += "} createarray();</script>";
        } 
    </select>
    </div>
        @Html.Raw(descriptionScript.Replace("\n","<br>")) 


    <div id="Tabs" style="position:relative;top:50px;left:25px;width:800px;height:550px;background-color:lightgrey;">
    <ul>
    <li id="li_tab1" onclick="tab('tab1')" ><a>INFO</a></li>
    <li id="li_tab2" onclick="tab('tab2',1)"><a>TRACK</a></li>
    <li id="li_tab3" onclick="tab('tab3')"><a>MESSAGES</a></li>
    <li id="li_tab4" onclick="tab('tab4')"><a>DATA</a></li>
    <li id="li_tab5" onclick="tab('tab5')"><a>BADGES</a></li>
    </ul>
        <div id="Content_Area" style="top:50px;">
            <div id="tab1" style="">
                <div id="tab1_descr" style="position:absolute;height:100px;width:750px; background-color: lightgrey;overflow-y: scroll;color:rgb(90, 138, 198);font-family: Helvetica, Arial, sans-serif;font-size: 15px;font-weight: bold;">
                    
                </div>
                <div id="tab1_space" style="top:100px;position:absolute;height:350px;width:750px; background-color: lightgrey;overflow-y: scroll;">

                </div>
            </div>

            <div id="tab2" style="display: none;"> 
                <div id="tab2_descr">
                   
                </div>
                <div id="thumbDesc" >
                    <div id="tab2_space_track">
                    	<div id="tab2_space_Users_track" style="position:absolute;height:440px;width:230px; background-color: lightgrey;overflow-y: scroll;">

	                    </div> 
                    </div>
                    <div id="tab2_space_history">
                        <div id="tab2_space_Users_history" style="position:absolute;height:440px;width:230px; background-color: lightgrey;overflow-y: scroll;">

	                    </div> 
                    </div>
                </div>
            
            	<div id="map_canvas" style="position:absolute;height:440px;width:500px;top:30px;left:250px; background-color: lightgrey;">
		            <script>createMap("map_canvas"); setupMap("map_canvas"); </script>
	            </div>

            
            </div>

            <div id="tab3"  style="display: none;">
                <div id="tab3_descr">
                    
                </div>
                <div id="tab3_command">
                    
                   <span style="height:0px;width:0px;">
                   <input type="hidden" id="selectedThreadId">
                   <input type="hidden" id="runIdThread">
                   <input type="hidden" id="provider">
                   <input type="hidden" id="oauth"></span>
                    <!--
                    <span style="color:rgb(90, 138, 198);font-family: Helvetica, Arial, sans-serif;font-size: 15px;font-weight: bold;">New Thread</span>
                   <input type="text" id="newThreadName" style="height:30px;width:250px;background-color: lightgray;border-radius: 4px;border-width: thin;color: rgb(90, 138, 198);"></span>
                   <img src="/Content/images/add.png" onmouseover="littleImg(this)" onmouseout="normalImg(this)" onclick="javascript:preCreateThread('Secure/CreateThread');" style="width:35px;height:35px;vertical-align:middle">
                    -->
                </div>
                <div id="tab3_space">
                    <div id="tab3_listThread">
                        tab3_listThread
                    </div>
                    <div id="tab3_ThreadMessageContainer">
                        <div id="tab3_ThreadMessage">
                            
                        </div>
                        <div id="tab3_ThreadMessageNewMessage">
                            <table>
                                <!--
                                <tr>
                                    <td>Subject</td><td><input type="text" id="newThreadSubject"/></td>
                                </tr>-->
                                <tr>
                                    <td><textarea id="newThreadMessage" cols="10" rows="5" style="height:98px;width:350px;background-color: lightgray;border-radius: 4px;color: rgb(90, 138, 198);"></textarea></td>
                                    <td style="vertical-align:top"><img src="Content/images/send.png" onmouseover="littleImg(this)" onmouseout="normalImg(this)" onclick="javascript:preCreateMessage('Secure/CreateMessage');" style="height:35px;width:35px"/></td>
                                </tr>
                            </table>
                        </div>
                    </div>

               </div>
            </div>

            <div id="tab4"  style="display: none;">
                <div id="tab4_descr" style="top: 50px;">
                    <input type="number" id="timeValueTabData" value="1000"/>
                    <select id="timeRangeTabData">
                      <option value="Min">Mins</option>
                      <option value="Hour">Hour</option>
                      <option value="Days" selected>Days</option>
                      <option value="Years">Years</option>
                    </select>
                </div>
                <div id="tab4_space" style="position:absolute;height:420px;width:720px;top:50px; background-color: lightgrey;overflow-y: scroll;">
                   Show Data
                </div>
                <div id="tab4_space_report" style="visibility:hidden;overflow-y: scroll;position:absolute;height:420px;width:720px;top:50px; background-color: lightgrey;">
                </div>

            </div>

            <div id="tab5"  style="display: none;">
                <div id="tab5_descr">&nbsp;
                </div>
                <div id="tab5_space" style="position:absolute;height:450px;width:720px;background-color: lightgrey;overflow-y: scroll;overflow-x: scroll;">
                  
                </div>
            </div>
        </div> <!– End of Content_Area Div –>
    </div> <!– End of Tabs Div –>

</body>
</html>